
<template>
  <div class="yongjintixian">
    <div v-if="!shoujiban">
      <left></left>
      <div class="right">
        <div
          style="height: 91px; border-bottom: 1px solid rgb(227, 232, 241); width: 100%; padding: 0 30px;"
          class="flexbc"
        >
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/yongjin' }">财务管理</el-breadcrumb-item>
            <el-breadcrumb-item>佣金提现</el-breadcrumb-item>
          </el-breadcrumb>
          <top></top>
        </div>
        <div style=" padding: 0px 30px 0 30px; height: calc(100vh - 91px); overflow: auto;">
          <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
            <div>
              <img src="../../../static/img/yongjin2.png" style="width: 22px; margin-right: 10px;" />
            </div>
            <div>收款账号</div>
          </div>
          <div class="flex">
            <div
              class="baibeijing"
              v-if="bank_display=='1'"
              style="width: 260px; margin-right: 20px;"
            >
              <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
                <div>银行卡</div>
                <div
                  style="color: rgb(0, 90, 255); cursor: pointer;"
                  @click="peizhishoukuankai(1)"
                >修改</div>
              </div>
              <div
                style="color: rgb(120, 125, 133); font-size: 14px;"
                v-if="all2.bank_no"
              >{{all2.bank_no | jiami}}</div>
              <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.bank_no">未配置</div>
              <!-- 云账户 -->
              <div style="margin-top: 10px;" v-if="iscansign=='1'">
                <div
                  v-if="this.bankinfo.card_status==1"
                  style="color: #004AFF;font-size: 14px;cursor: pointer;"
                  @click="showhavesign()"
                >已签约云账户打款协议</div>
                <div v-if="this.bankinfo.card_status!=1" style="font-size: 14px;">
                  <span style="color: #FF0000;margin-right: 15px;">未签约云账户打款协议</span>
                  <span @click="peizhishoukuankai(1)" style="color: #004AFF;cursor: pointer;">签约</span>
                </div>
              </div>
              <div style="margin-top: 10px;" v-if="iscansigngm=='1'">
                <div
                  v-if="this.bankinfo.gongmao_status==1"
                  style="color: #004AFF;font-size: 14px;cursor: pointer;"
                  @click="showhavesigngm()"
                >已签约工猫打款协议</div>
                <div v-if="this.bankinfo.gongmao_status!=1" style="font-size: 14px;">
                  <span style="color: #FF0000;margin-right: 15px;">未签约工猫打款协议</span>
                  <span @click="peizhishoukuankai(1)" style="color: #004AFF;cursor: pointer;">签约</span>
                </div>
              </div>
            </div>

            <!-- <div class="baibeijing" style="width: 260px; margin-right: 20px;">
              <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
                <div>支付宝</div>
                <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="peizhishoukuankai(2)">修改</div>
              </div>
              <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="all2.ali_no">{{all2.ali_no | jiami}}</div>
              <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.ali_no">未配置</div>
            </div>

            <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="all2.bank_no">{{all2.bank_no | jiami}}</div>
            <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.bank_no">未配置</div>-->

            <!-- 云账户 -->

            <div
              class="baibeijing"
              v-if="alipay_display=='1'"
              style="width: 260px; margin-right: 20px;"
            >
              <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
                <div>支付宝</div>
                <div
                  style="color: rgb(0, 90, 255); cursor: pointer;"
                  @click="peizhishoukuankai(2)"
                >修改</div>
              </div>
              <div
                style="color: rgb(120, 125, 133); font-size: 14px;"
                v-if="all2.ali_no"
              >{{all2.ali_no | jiami}}</div>
              <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.ali_no">未配置</div>
              <!-- 云账户 -->
              <!--  -->
              <div style="margin-top: 10px;" v-if="iscansign=='1'">
                <div
                  v-if="this.zfbinfo.card_status==1"
                  style="color: #004AFF;font-size: 14px;cursor: pointer;"
                  @click="showhavesign()"
                >已签约云账户打款协议</div>
                <div v-if="this.zfbinfo.card_status!=1" style="font-size: 14px;">
                  <span style="color: #FF0000;margin-right: 15px;">未签约云账户打款协议</span>
                  <span @click="peizhishoukuankai(2)" style="color: #004AFF;cursor: pointer;">签约</span>
                </div>
              </div>
              <div style="margin-top: 10px;" v-if="iscansigngm=='1'">
                <div
                  v-if="this.zfbinfo.gongmao_status==1"
                  style="color: #004AFF;font-size: 14px;cursor: pointer;"
                  @click="showhavesigngm()"
                >已签约工猫打款协议</div>
                <div v-if="this.zfbinfo.gongmao_status!=1" style="font-size: 14px;">
                  <span style="color: #FF0000;margin-right: 15px;">未签约工猫打款协议</span>
                  <span @click="peizhishoukuankai(2)" style="color: #004AFF;cursor: pointer;">签约</span>
                </div>
              </div>
            </div>
            <div
              class="baibeijing"
              v-if="wxpay_display=='1'"
              style="width: 260px; margin-right: 20px;"
            >
              <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
                <div>微信</div>
                <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="pcbindwx">修改</div>
              </div>
              <div
                style="color: rgb(120, 125, 133); font-size: 14px;"
                v-if="all2.vx_no"
              >{{all2.vx_no | jiami}}</div>
              <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.vx_no">未配置</div>
              <!-- 云账户 -->
              <!--  -->
              <div style="margin-top: 10px;" v-if="iscansign=='1'">
                <div
                  v-if="this.vxinfo.card_status==1"
                  style="color: #004AFF;font-size: 14px;cursor: pointer;"
                  @click="showhavesign()"
                >已签约云账户打款协议</div>
                <div v-if="this.vxinfo.card_status!=1" style="font-size: 14px;">
                  <span style="color: #FF0000;margin-right: 15px;">未签约云账户打款协议</span>
                  <span @click="pcbindwx" style="color: #004AFF;cursor: pointer;">签约</span>
                </div>
              </div>
              <div style="margin-top: 10px;" v-if="iscansigngm=='1'">
                <div
                  v-if="this.vxinfo.gongmao_status==1"
                  style="color: #004AFF;font-size: 14px;cursor: pointer;"
                  @click="showhavesigngm()"
                >已签约工猫打款协议</div>
                <div v-if="this.vxinfo.gongmao_status!=1" style="font-size: 14px;">
                  <span style="color: #FF0000;margin-right: 15px;">未签约工猫打款协议</span>
                  <span @click="pcbindwx" style="color: #004AFF;cursor: pointer;">签约</span>
                </div>
              </div>
            </div>
          </div>

          <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flexc">
            <div>
              <img src="../../../static/img/yongjin3.png" style="width: 22px; margin-right: 10px;" />
            </div>
            <div>当前可提现金额</div>
            <div v-if="payway.allow_amount_switch == 1" style="font-size: 12px;" class="flexcc">
              <i
                class="el-icon-warning"
                style="color: rgba(236, 82, 1, 0.65); font-size: 20px; margin: 0 10px;"
              ></i>
              最低提现金额{{money.allow_amount}}元
            </div>
          </div>
          <div class="baibeijing flexbc">
            <div class="flexc">
              <div>
                <img
                  src="../../../static/img/yongjin5.png"
                  style="width: 40px; margin-right: 20px;"
                />
              </div>
              <div style=" font-size: 24px;">{{money.sum_commission}}</div>
            </div>
            <div>
              <el-button
                type="info"
                v-if="money.freeze_commission"
                round
                @click="tixian2"
                :disabled=" money.sum_commission*1 < money.allow_amount*1 && payway.allow_amount_switch == 1"
              >提现</el-button>
              <el-button
                type="danger"
                v-if="!money.freeze_commission"
                round
                @click="tixian"
                :disabled=" money.sum_commission*1 < money.allow_amount*1 && payway.allow_amount_switch == 1"
              >提现</el-button>
            </div>
          </div>

          <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
            <div>
              <img src="../../../static/img/yongjin4.png" style="width: 22px; margin-right: 10px;" />
            </div>
            <div>提现记录</div>
          </div>
          <div class="t_choose_tab_box">
            <div
              @click="choosetabbtn(30)"
              :class="{t_tab_title_lei:search.status==30}"
              class="t_tab_title"
              style="margin-left: 40px;margin-right: 40px;"
            >
              提现中
              <div class="t_under_line" :class="{t_under_line_lei:search.status==30}"></div>
            </div>
            <div
              @click="choosetabbtn(10)"
              :class="{t_tab_title_lei:search.status==10}"
              class="t_tab_title"
            >
              提现成功
              <div class="t_under_line" :class="{t_under_line_lei:search.status==10}"></div>
            </div>
          </div>
          <el-table :data="list" style="width: 100%">
            <el-table-column align="center" prop="created_at" label="提现时间"></el-table-column>
            <el-table-column align="center" prop="sum_commission" label="提现金额(元)"></el-table-column>
            <el-table-column align="center" label="发票">
              <template slot-scope="scope">
                <div
                  style="color: rgb(0, 90, 255); cursor: pointer;"
                  @click="log9show(scope.row)"
                >查看</div>
              </template>
            </el-table-column>
            <el-table-column align="center" prop="invoice_info" width="250px" label="发票类型"></el-table-column>
            <el-table-column align="center" prop="tax_amount" label="增值税税额"></el-table-column>
            <el-table-column align="center" prop="withdraw_amount" label="到账金额"></el-table-column>
            <el-table-column align="center" label="打款状态" width="140px">
              <template slot-scope="scope">
                <div v-if="scope.row.status == 0" style="color: rgb(236, 82, 1);">未打款</div>
                <div v-if="scope.row.status == 1" style="color: rgb(236, 82, 1);">打款失败</div>
                <div v-if="scope.row.status == 10" style="color: rgb(9, 134, 0);">已打款</div>
                <div v-if="scope.row.status == 11" style="color: rgb(9, 134, 0);">已自动打款</div>
                <div v-if="scope.row.status == 15" style="color: rgb(236, 82, 1);">自动打款失败</div>
                <div v-if="scope.row.status == 5" style="color: rgb(255,0,0);">
                  已驳回
                  <el-popover
                    placement="top-start"
                    width="280"
                    trigger="hover"
                    content="11"
                    @show="searchReason(scope.row)"
                  >
                    <div>驳回原因: {{ failReason }}</div>
                    <div
                      slot="reference"
                      style="border-radius: 10px;background-color:red;width: 18px;height: 18px;margin-left: 101px;margin-top: -21px;"
                    >
                      <div
                        style="height:18px; line-height:18px; display:block; color:#FFF; text-align:center;font-size:17px"
                      >!</div>
                    </div>
                  </el-popover>
                </div>
              </template>
            </el-table-column>
            <el-table-column align="center" prop="withdraw_at" label="打款时间">
              <template slot-scope="scope">
                <div
                  v-if="scope.row.status == 10||scope.row.status == 11"
                >{{ scope.row.withdraw_at }}</div>
              </template>
            </el-table-column>
            <el-table-column align="center" label="操作">
              <template slot-scope="scope">
                <div
                  v-if="scope.row.status == 10||scope.row.status == 11"
                  @click="chakan(scope.row.id)"
                  style="color: rgb(0, 90, 255); cursor: pointer;"
                >查看打款凭证</div>
                <!-- <div v-if="scope.row.status == 5" @click="CXSubmit(scope.row.id)" style="color: rgb(0, 90, 255); cursor: pointer;">重新提交</div> -->

                <!-- 状态 10 打款完成 0 已申请   1 打款失败  2打款中 5 已驳回  11自动打款成功 15 自动打款失败 30打款中 -->
                <div
                  v-if="scope.row.status == 1 || scope.row.status == 15"
                  style="color: rgb(0, 90, 255); cursor: pointer;"
                  @click="chakanshibai(scope.row.failed_reason)"
                >查看失败原因</div>
                <div
                  v-if="scope.row.status == 5"
                  style="color: rgb(0, 90, 255); cursor: pointer;"
                  @click="CXSubmit(scope.row.id)"
                >重新提交</div>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination
            style="text-align: right; padding: 20px;"
            background
            layout="prev,pager,next,total,jumper"
            :current-page="search.page"
            @current-change="fanye"
            :page-size="search.page_size"
            :total="total"
          ></el-pagination>
          <!-- <footers></footers> -->
        </div>
      </div>
    </div>
    <el-dialog title="查看驳回原因" :visible.sync="boHuiDialog" width="500px">
      <div>
        <el-input type="textarea" v-model="boHuiObj.remark" style="border-radius:30px"></el-input>
      </div>
    </el-dialog>
    <el-dialog
      title="绑定银行卡"
      :visible.sync="log1"
      width="460px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>银行卡号
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.bank_no" placeholder="请输入银行卡号" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>开户人
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.bank_name" placeholder="请输入开户人" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>开户银行
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.bank" placeholder="请输入开户银行" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>开户支行
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.bank_sub" placeholder="请输入开户支行" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>开户人身份证号
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.bank_idcard" placeholder="请输入开户人身份证号" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>银行预留手机号
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.bank_mobile" placeholder="请输入输入手机号" style="width: 400px;"></el-input>
        </div>
        <div v-if="iscansign=='1'">
          <el-checkbox style="margin-right: 10px;" v-model="yhknowchoose">我同意云账户</el-checkbox>
          <span @click="opennow(1,'y')" class="t_usernow">{{ qyurl.title }}</span>
        </div>
        <div v-if="iscansigngm=='1'">
          <el-checkbox style="margin-right: 10px;" v-model="gmnowchoose">我同意工猫</el-checkbox>
          <span @click="opennow(1,'g')" class="t_usernow">《{{ gmurl.templateName }}》</span>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log1 = false">关闭</el-button>
        <el-button type="primary" round @click="peizhishoukuan(1)">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="绑定支付宝"
      :visible.sync="log2"
      width="460px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>支付宝账号
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.ali_no" placeholder="请输入支付宝账号" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>姓名
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.ali_name" placeholder="请输入姓名" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>身份证号
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.ali_idcard" placeholder="请输入身份证号" style="width: 400px;"></el-input>
        </div>
        <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
          <span style="color: #f00; margin-right: 5px;">*</span>绑定支付宝手机号
        </div>
        <div style=" margin-bottom: 20px;">
          <el-input v-model="fixall2.ali_mobile" placeholder="请输入输入手机号" style="width: 400px;"></el-input>
        </div>
        <!--  -->
        <div v-if="iscansign=='1'">
          <el-checkbox style="margin-right: 10px;" v-model="zfbnowchoose">我同意云账户</el-checkbox>
          <span @click="opennow(2,'y')" class="t_usernow">{{ qyurl.title }}</span>
        </div>
        <div v-if="iscansigngm=='1'">
          <el-checkbox style="margin-right: 10px;" v-model="zfbgmnowchoose">我同意工猫</el-checkbox>
          <span @click="opennow(2,'g')" class="t_usernow">《{{ gmurl.templateName }}》</span>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log2 = false">关闭</el-button>
        <el-button type="primary" round @click="peizhishoukuan(2)">确定</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="申请提现"
      :visible.sync="log4"
      width="840px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div>
        <div
          v-if="this.boHuiReasonShow == 1&&this.boHuiReason!==''"
          style="color:rgb(255, 0, 0);font-size: 16px; margin-right: 20px;margin-bottom: 10px;margin-top: -27px"
        >驳回原因:{{ boHuiReason}}</div>
        <div class="flexc">
          <div style="margin-right: 20px;">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;">收款方式</div>
            <div style=" margin-bottom: 20px;">
              <el-select
                filterable
                style="width: 200px; margin-right: 30px;"
                v-model="all3.collect_type"
                placeholder="请选择"
              >
                <el-option
                  v-for="(item,index) in sklist"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </el-select>
            </div>
          </div>
          <div style="margin-right: 20px;" v-if="all3.collect_type == 1">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">卡号</div>
            <div style=" margin-bottom: 20px;">
              <el-input v-model="all3.bank_no" disabled style="width: 200px;"></el-input>
            </div>
          </div>
          <div v-if="all3.collect_type == 1">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">开户行</div>
            <div style=" margin-bottom: 20px;">
              <el-input v-model="all3.bank" disabled style="width: 200px;"></el-input>
            </div>
          </div>
          <div style="margin-right: 20px;" v-if="all3.collect_type == 2">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">支付宝号</div>
            <div style=" margin-bottom: 20px;">
              <el-input v-model="all3.ali_no" disabled style="width: 200px;"></el-input>
            </div>
          </div>
          <div v-if="all3.collect_type == 2">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">姓名</div>
            <div style=" margin-bottom: 20px;">
              <el-input v-model="all3.ali_name" disabled style="width: 200px;"></el-input>
            </div>
          </div>
        </div>
        <div class="flexc">
          <div style="margin-right: 20px;">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;" class="flexbc">
              <div>发票类型</div>
              <div
                v-if="all3.invoice_type!=5"
                style="font-size: 12px; color: #005AFF; margin-right: 30px; cursor: pointer;"
                @click="log7 = true"
              >查看发票信息</div>
            </div>
            <!-- <div>{{ all3.invoice_type }}</div> -->
            <div style=" margin-bottom: 20px;">
              <el-select
                @change="changefptype"
                filterable
                style="width: 200px; margin-right: 30px;"
                v-model="all3.invoice_type"
                placeholder="请选择发票类型"
              >
                <el-option
                  :label="item.name + toPercent(item.tax)"
                  :value="item.type"
                  v-for="item in piaolist.data"
                  :key="item.type"
                  v-if="item.ok == 1 && item.tax != 0"
                ></el-option>
                <el-option
                  :label="item.name"
                  :value="item.type"
                  v-for="item in piaolist.data"
                  :key="item.type"
                  v-if="item.ok == 1 && item.tax == 0"
                ></el-option>
              </el-select>
            </div>
          </div>
          <!-- <div>{{ all3.invoice_way}}</div> -->
          <div style="margin-right: 20px;" v-if="all3.invoice_type!=5">
            <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;" class="flexbc">
              <div>发票介质</div>
              <div
                style="font-size: 12px; color: #005AFF; margin-right: 30px; cursor: pointer;"
                @click="log8 = true"
              >查看邮寄地址</div>
            </div>
            <div style=" margin-bottom: 20px;">
              <el-select
                :disabled="all3.invoice_type==5"
                clearable
                filterable
                style="width: 200px; margin-right: 30px;"
                v-model="all3.invoice_way"
                placeholder="请选择发票介质"
              >
                <el-option label="电子发票" :value="1"></el-option>
                <el-option label="纸质发票" :value="2"></el-option>
                <el-option v-if="all3.invoice_type==5" label="请选择发票介质" :value="0"></el-option>
              </el-select>
            </div>
          </div>
        </div>

        <div
          style="width: 600px;"
          v-if="all3.invoice_type==1&&all3.invoice_way == 1||all3.invoice_type==2&&all3.invoice_way == 1||all3.invoice_type==3&&all3.invoice_way == 1"
        >
          <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 20px;">
            上传发票
            <span style="margin-left: 20px; font-size: 12px;">提示:发票需为.pdf</span>
          </div>
          <div>
            <chuantupdf :imgs="all3.invoice_img" @getimg="getimg" v-if="relo"></chuantupdf>
          </div>
        </div>
        <div
          style="margin-top: 20px;"
          v-if="all3.invoice_type==1&&all3.invoice_way == 2||all3.invoice_type==2&&all3.invoice_way == 2||all3.invoice_type==3&&all3.invoice_way == 2"
        >
          <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 20px;">纸质发票邮寄单号</div>
          <div>
            <div>
              <div style="margin-right: 20px;">
                <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;">输入物流公司</div>
                <div style=" margin-bottom: 20px;">
                  <el-select
                    filterable
                    style="width: 200px; margin-right: 30px;"
                    v-model="all3.track_company"
                    placeholder="请选择物流公司"
                  >
                    <el-option
                      :label="item.company"
                      :value="item.company"
                      v-for="item in wuliu"
                      :key="item.id"
                    ></el-option>
                  </el-select>
                </div>
              </div>
              <div style="margin-right: 20px;">
                <!-- <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;">输入物流单号</div> -->
                <div style=" margin-bottom: 20px;">
                  <el-input v-model="all3.track_no" placeholder="输入物流单号" style="width: 200px;"></el-input>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div v-if="ksradio==1">计算公式：提现金额÷1.06*（6%-开票税点）</div>
        <div v-if="ksradio==2">扣除计算公式：提现金额×（6%-开票税点）</div>
        <div
          style="background: rgb(255, 245, 245);border-radius: 10px; padding: 20px; justify-content: space-around; margin-top: 20px;"
          class="flexc"
        >
          <div style="text-align: center;">
            <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 10px;">提现金额</div>
            <div style="color:rgb(254, 61, 61); font-size: 16px; font-weight: bold;">￥{{qian.qian1}}</div>
          </div>
          <div style="text-align: center;">
            <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 10px;">增值税税额</div>
            <div style="color:rgb(254, 61, 61); font-size: 16px; font-weight: bold;">￥{{qian.qian2}}</div>
          </div>
          <div style="text-align: center;">
            <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 10px;">实际到账金额</div>
            <div style="color:rgb(254, 61, 61); font-size: 16px; font-weight: bold;">￥{{qian.qian3}}</div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log4 = false">关闭</el-button>
        <el-button type="primary" round @click="tixiango">提交申请</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="打款详情"
      :visible.sync="log5"
      width="820px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
      >{{all4.withdraw_at}}，打款完成</div>
      <!-- 支付宝 -->
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 2"
      >打款支付宝账户：{{all4.ali_no}}</div>
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 2"
      >转账备注：{{all4.withdraw_remark}}</div>
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 2&&all.pay_way == 1"
      >打款截图</div>
      <div
        v-if="all4.collect_type == 2&&all4.pay_way == 1"
        class="flexcc"
        style="width: 100%;margin-top: 10px; background: rgb(246, 248, 251);"
      >
        <img :src="all4.withdraw_pic" style="max-width: 100%;" />
      </div>

      <!-- 银行卡 -->
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 1"
      >转账备注：{{all4.withdraw_remark}}</div>
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 1&&all.pay_way == 1"
      >打款截图</div>
      <div
        v-if="all4.collect_type == 1&&all4.pay_way == 1"
        class="flexcc"
        style="width: 100%;margin-top: 10px; background: rgb(246, 248, 251);"
      >
        <img :src="all4.withdraw_pic" style="max-width: 100%;" />
      </div>

      <!-- 微信 -->
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 3"
      >转账备注: {{all4.withdraw_remark}}</div>
      <div
        style="margin-bottom: 20px; color: rgb(64, 66, 71); font-size: 14px;"
        v-if="all4.collect_type == 3&&all4.pay_way == 1"
      >打款截图</div>
      <div
        v-if="all4.collect_type == 3&&all4.pay_way == 1"
        class="flexcc"
        style="width: 100%;margin-top: 10px; background: rgb(246, 248, 251);"
      >
        <img :src="all4.withdraw_pic" style="max-width: 100%;" />
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button round @click="log5 = false">关闭</el-button>
      </span>
    </el-dialog>

    <!-- <el-dialog title="查看发票" :visible.sync="log6" width="820px" :close-on-click-modal="false" :close-on-press-escape="false">
      <img :src="fapiaotu" style="width: 100%;">
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log6 = false">关闭</el-button>
      </span>
    </el-dialog>-->

    <el-dialog
      title="查看失败原因"
      :visible.sync="log6"
      width="820px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      {{failed_reason}}
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log6 = false">关闭</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="发票信息"
      :visible.sync="log7"
      width="820px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div>发票信息：{{fapiaoxinxi.info}}</div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log7 = false">关闭</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="邮寄地址"
      :visible.sync="log8"
      width="820px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div>
        邮寄地址：
        省：{{fapiaoxinxi.addr_province}}
        市：{{fapiaoxinxi.addr_city}}
        区：{{fapiaoxinxi.addr_district}}
        地址：{{fapiaoxinxi.addr}}
        收货人：{{fapiaoxinxi.addr_name}}
        收货电话：{{fapiaoxinxi.addr_mobile}}
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button round @click="log8 = false">关闭</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="查看发票"
      :visible.sync="log9"
      width="820px"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <div
        v-if="log9fapiao.invoice_way == 2"
        style="margin-bottom: 20px;"
      >物流公司：{{log9fapiao.track_company}}</div>
      <div v-if="log9fapiao.invoice_way == 2">单号：{{log9fapiao.track_no}}</div>
      <div v-if="log9fapiao.invoice_way == 1">
        <a
          :href="log9fapiao.invoice_img"
          target="_blank"
          style="color: rgb(0, 90, 255);"
        >{{log9fapiao.invoice_img}}</a>
      </div>
      <div v-if="log9fapiao.invoice_way == 1" class="flexcc" style="margin: 20px 0;">
        <el-button round plain type="primary" @click="down(log9fapiao.invoice_img)">下载</el-button>
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button round @click="log9 = false">关闭</el-button>
      </span>
    </el-dialog>
    <!-- 用户须知 -->
    <el-dialog title="用户须知" :visible.sync="isshownow" width="60%">
      <iframe style="width: 100%;height: 50vh;" :src="qyurl.url"></iframe>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round @click="isshownow = false">关 闭</el-button>
        <el-button round type="primary" @click="agreebtn">我已了解并同意</el-button>
      </div>
    </el-dialog>
    <!-- 用户须知 -->
    <el-dialog title="已签约云账户打款协议" :visible.sync="isshowhave" width="60%">
      <iframe style="width: 100%;height: 50vh;" :src="qyurl.url"></iframe>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round type="primary" @click="isshowhave = false">确定</el-button>
      </div>
    </el-dialog>

    <div
      v-if="shoujiban"
      style=" color: rgb(2, 12, 29); font-size: 0.24rem; background: #f6f8fb; padding-top: 1rem;"
    >
      <topandleft></topandleft>
      <div style="background: #fff; padding: 0.3rem;">
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div
            style="width: 2px; height: 0.2rem; background: rgb(2, 12, 29); margin-right: 10px; overflow: hidden;"
          ></div>
          <div style="font-size: 0.36rem; font-weight: bold;">财务管理</div>
        </div>
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="color: rgb(175, 179, 188);">首页</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div style="color: rgb(175, 179, 188);">财务管理</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div>佣金提现</div>
        </div>
      </div>
      <div style="padding: 0.3rem;">
        <div style="padding: 0 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
          <div>
            <img src="../../../static/img/yongjin2.png" style="width: 22px; margin-right: 10px;" />
          </div>
          <div>收款账号</div>
        </div>
        <div class="flexbc">
          <div class="baibeijing" v-if="bank_display=='1'" style="width: 3.4rem; ">
            <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
              <div>银行卡</div>
              <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="peizhishoukuankai(1)">修改</div>
            </div>
            <div
              style="color: rgb(120, 125, 133); font-size: 14px;"
              v-if="all2.bank_no"
            >{{all2.bank_no | jiami}}</div>
            <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.bank_no">未配置</div>
          </div>
          <div class="baibeijing" v-if="alipay_display=='1'" style="width: 3.4rem; ">
            <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
              <div>支付宝</div>
              <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="peizhishoukuankai(2)">修改</div>
            </div>
            <div
              style="color: rgb(120, 125, 133); font-size: 14px;"
              v-if="all2.ali_no"
            >{{all2.ali_no | jiami}}</div>
            <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.ali_no">未配置</div>
          </div>
          <div
            class="baibeijing"
            v-if="wxpay_display=='1'"
            style="width: 3.4rem; margin-top: 10px;"
          >
            <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
              <div>微信</div>
              <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="mobilebindwx">修改</div>
            </div>
            <div
              style="color: rgb(120, 125, 133); font-size: 14px;"
              v-if="all2.vx_no"
            >{{all2.vx_no | jiami}}</div>
            <div style="color: rgb(120, 125, 133); font-size: 14px;" v-if="!all2.vx_no">未配置</div>
          </div>
          <!-- <div class="baibeijing" style="width: 260px; margin-right: 20px;">
            <div class="flexbc" style="margin-bottom: 10px; font-size: 14px;">
              <div>微信</div>
              <div style="color: rgb(0, 90, 255);">修改</div>
            </div>
            <div style="color: rgb(120, 125, 133); font-size: 14px;">18513*****************1515</div>
          </div>-->
        </div>
        <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
          <div>
            <img src="../../../static/img/yongjin3.png" style="width: 22px; margin-right: 10px;" />
          </div>
          <div>当前可提现金额</div>
          <div v-if="payway.allow_amount_switch == 1" style="font-size: 12px;" class="flexcc">
            <i
              class="el-icon-warning"
              style="color: rgba(236, 82, 1, 0.65); font-size: 20px; margin: 0 10px;"
            ></i>
            最低提现金额{{money.allow_amount}}元
          </div>
        </div>
        <div class="baibeijing flexbc">
          <div class="flexc">
            <div>
              <img src="../../../static/img/yongjin5.png" style="width: 40px; margin-right: 20px;" />
            </div>
            <div style=" font-size: 24px;">{{money.sum_commission}}</div>
          </div>
          <div>
            <el-button
              type="danger"
              round
              @click="tixian"
              :disabled=" money.sum_commission*1 < money.allow_amount*1 && payway.allow_amount_switch == 1 "
            >提现</el-button>
          </div>
        </div>

        <van-popup
          v-model="c7show"
          position="center"
          style="width: 7rem; padding: 0.3rem; border-radius: 0.2rem;"
        >
          <div>
            <div style="font-size: 0.3rem; margin-bottom: 0.33rem; font-weight: bold;">申请提现</div>
            <div class="nobor">
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">收款方式</div>
                <div style="flex-grow:1;">
                  <el-select
                    filterable
                    v-model="all3.collect_type"
                    style="width: 100%;"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="(item,index) in sklist"
                      :key="index"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </div>
              </div>

              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 1"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">卡号</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.bank_no" disabled style="width: 100%;"></el-input>
                </div>
              </div>
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 1"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">开户行</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.bank" disabled style="width: 100%;"></el-input>
                </div>
              </div>
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 2"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">支付宝号</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.ali_no" disabled style="width: 100%;"></el-input>
                </div>
              </div>
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 2"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">姓名</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.ali_name" disabled style="width: 100%;"></el-input>
                </div>
              </div>

              <div class="flexbc">
                <div
                  style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem; flex-wrap: 1;"
                  class="flexbc"
                >
                  <div style="color:rgb(64, 66, 71);  width: 1rem;">发票类型</div>
                  <div style="flex-grow:1;">
                    <el-select
                      @change="changefptype"
                      filterable
                      style="width: 3rem;"
                      v-model="all3.invoice_type"
                      placeholder="请选择发票类型"
                    >
                      <el-option
                        :label="item.name + toPercent(item.tax)"
                        :value="item.type"
                        v-for="item in piaolist.data"
                        :key="item.type"
                        v-if="item.ok == 1 && item.tax != 0"
                      ></el-option>
                      <el-option
                        :label="item.name"
                        :value="item.type"
                        v-for="item in piaolist.data"
                        :key="item.type"
                        v-if="item.ok == 1 && item.tax == 0"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div style="width: 1.5rem;" v-if="all3.invoice_type!=5">
                  <div style=" color: #005AFF; cursor: pointer;" @click="log7 = true">开票信息 ></div>
                </div>
              </div>

              <div class="flexbc" v-if="all3.invoice_type!=5">
                <div
                  style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem; flex-wrap: 1;"
                  class="flexbc"
                >
                  <div style="color:rgb(64, 66, 71);  width: 1rem;">发票介质</div>
                  <div>
                    <el-select
                      :disabled="all3.invoice_type==5"
                      clearable
                      filterable
                      style="width: 3rem;"
                      v-model="all3.invoice_way"
                      placeholder="请选择发票介质"
                    >
                      <el-option label="电子发票" :value="1"></el-option>
                      <el-option label="纸质发票" :value="2"></el-option>
                      <el-option v-if="all3.invoice_type==5" label="请选择发票介质" :value="0"></el-option>
                    </el-select>
                  </div>
                </div>
                <div style="width: 1.5rem;">
                  <div style=" color: #005AFF; cursor: pointer;" @click="log8 = true">邮寄地址 ></div>
                </div>
              </div>

              <!-- <div style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;" class="flexbc">
                  <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;" class="flexbc">
                    <div>发票介质</div>
                    <div style="font-size: 12px; color: #005AFF; margin-right: 30px; cursor: pointer;" @click="log8 = true">查看邮寄地址</div>
                  </div>
                  <div style=" margin-bottom: 20px;">
                    <el-select clearable filterable style="width: 200px; margin-right: 30px;" v-model="all3.invoice_way" placeholder="请选择发票介质">
                      <el-option label="电子发票" :value="1"></el-option>
                      <el-option label="纸质发票" :value="2"></el-option>
                    </el-select>
                  </div>
              </div>-->

              <div
                style="width: 600px;"
                v-if="all3.invoice_type==1&&all3.invoice_way == 1||all3.invoice_type==2&&all3.invoice_way == 1||all3.invoice_type==3&&all3.invoice_way == 1"
              >
                <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 20px;">
                  上传发票
                  <span style="margin-left: 20px; font-size: 12px;">提示:发票需为.pdf</span>
                </div>
                <div>
                  <chuantupdf :imgs="all3.invoice_img" @getimg="getimg" v-if="relo"></chuantupdf>
                </div>
              </div>
              <div
                style="margin-top: 20px;"
                v-if="all3.invoice_type==1&&all3.invoice_way == 2||all3.invoice_type==2&&all3.invoice_way == 2||all3.invoice_type==3&&all3.invoice_way == 2"
              >
                <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 20px;">纸质发票邮寄单号</div>
                <div>
                  <div>
                    <div style=" margin-bottom: 0.2rem;">
                      <el-select
                        filterable
                        v-model="all3.track_company"
                        style="width: 100%;"
                        placeholder="请选择物流公司"
                      >
                        <el-option
                          :label="item.company"
                          :value="item.company"
                          v-for="item in wuliu"
                          :key="item.id"
                        ></el-option>
                      </el-select>
                    </div>

                    <div style=" margin-bottom: 0.2rem;">
                      <el-input v-model="all3.track_no" placeholder="输入物流单号"></el-input>
                    </div>
                  </div>
                </div>
              </div>
              <div
                style="background: rgb(255, 245, 245);border-radius: 10px; padding: 0.2rem; justify-content: space-around; margin-top: 0.2rem;"
                class="flexc"
              >
                <div style="text-align: center;">
                  <div style="color:rgb(64, 66, 71); font-size: 12px; margin-bottom: 10px;">提现金额</div>
                  <div
                    style="color:rgb(254, 61, 61); font-size: 14px; font-weight: bold;"
                  >￥{{qian.qian1}}</div>
                </div>
                <div style="text-align: center;">
                  <div style="color:rgb(64, 66, 71); font-size: 12px; margin-bottom: 10px;">增值税税额</div>
                  <div
                    style="color:rgb(254, 61, 61); font-size: 14px; font-weight: bold;"
                  >￥{{qian.qian2}}</div>
                </div>
                <div style="text-align: center;">
                  <div style="color:rgb(64, 66, 71); font-size: 12px; margin-bottom: 10px;">实际到账金额</div>
                  <div
                    style="color:rgb(254, 61, 61); font-size: 14px; font-weight: bold;"
                  >￥{{qian.qian3}}</div>
                </div>
              </div>
            </div>

            <div style="margin-top: 20px;text-align: center;">
              <el-button round @click="c7show = false">取 消</el-button>
              <el-button type="primary" round @click="tixiango">提交申请</el-button>
            </div>
          </div>
        </van-popup>
        <van-popup
          v-model="c8show"
          position="center"
          :z-index="1000"
          style="width: 7rem; padding: 0.3rem; border-radius: 0.2rem;"
        >
          <div>
            <div style="font-size: 0.3rem; margin-bottom: 0.33rem; font-weight: bold;">申请提现</div>
            <div
              v-if="this.boHuiReason!==''"
              style="color:rgb(255, 0, 0);font-size: 0.3rem;margin-bottom: 0.2rem;margin-top: -0.2rem;margin-left: 0.02rem"
            >驳回原因:{{ boHuiReason}}</div>
            <div class="nobor">
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">收款方式</div>
                <div style="flex-grow:1;">
                  <el-select
                    filterable
                    v-model="all3.collect_type"
                    style="width: 100%;"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="(item,index) in sklist"
                      :key="index"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </div>
              </div>

              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 1"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">卡号</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.bank_no" disabled style="width: 100%;"></el-input>
                </div>
              </div>
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 1"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">开户行</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.bank" disabled style="width: 100%;"></el-input>
                </div>
              </div>
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 2"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">支付宝号</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.ali_no" disabled style="width: 100%;"></el-input>
                </div>
              </div>
              <div
                style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;"
                class="flexbc"
                v-if="all3.collect_type == 2"
              >
                <div style="color:rgb(64, 66, 71); width: 1rem;">姓名</div>
                <div style="flex-grow:1;">
                  <el-input v-model="all3.ali_name" disabled style="width: 100%;"></el-input>
                </div>
              </div>

              <div class="flexbc">
                <div
                  style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem; flex-wrap: 1;"
                  class="flexbc"
                >
                  <div style="color:rgb(64, 66, 71);  width: 1rem;">发票类型</div>
                  <div style="flex-grow:1;">
                    <el-select
                      @change="changefptype"
                      filterable
                      style="width: 3rem;"
                      v-model="all3.invoice_type"
                      placeholder="请选择发票类型"
                    >
                      <el-option
                        :label="item.name + toPercent(item.tax)"
                        :value="item.type"
                        v-for="item in piaolist.data"
                        :key="item.type"
                        v-if="item.ok == 1 && item.tax != 0"
                      ></el-option>
                      <el-option
                        :label="item.name"
                        :value="item.type"
                        v-for="item in piaolist.data"
                        :key="item.type"
                        v-if="item.ok == 1 && item.tax == 0"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div style="width: 1.5rem;" v-if="all3.invoice_type!=5">
                  <div style=" color: #005AFF; cursor: pointer;" @click="log7 = true">开票信息 ></div>
                </div>
              </div>

              <div class="flexbc" v-if="all3.invoice_type!=5">
                <div
                  style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem; flex-wrap: 1;"
                  class="flexbc"
                >
                  <div style="color:rgb(64, 66, 71);  width: 1rem;">发票介质</div>
                  <div>
                    <el-select
                      :disabled="all3.invoice_type==5"
                      clearable
                      filterable
                      style="width: 3rem;"
                      v-model="all3.invoice_way"
                      placeholder="请选择发票介质"
                    >
                      <el-option label="电子发票" :value="1"></el-option>
                      <el-option label="纸质发票" :value="2"></el-option>
                      <el-option v-if="all3.invoice_type==5" label="请选择发票介质" :value="0"></el-option>
                    </el-select>
                  </div>
                </div>
                <div style="width: 1.5rem;">
                  <div style=" color: #005AFF; cursor: pointer;" @click="log8 = true">邮寄地址 ></div>
                </div>
              </div>

              <!-- <div style="margin-bottom: 0.2rem; background: rgb(246, 248, 251); border-radius: 0.3rem; font-size: 0.25rem; padding: 0 0.2rem;" class="flexbc">
                  <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 20px;" class="flexbc">
                    <div>发票介质</div>
                    <div style="font-size: 12px; color: #005AFF; margin-right: 30px; cursor: pointer;" @click="log8 = true">查看邮寄地址</div>
                  </div>
                  <div style=" margin-bottom: 20px;">
                    <el-select clearable filterable style="width: 200px; margin-right: 30px;" v-model="all3.invoice_way" placeholder="请选择发票介质">
                      <el-option label="电子发票" :value="1"></el-option>
                      <el-option label="纸质发票" :value="2"></el-option>
                    </el-select>
                  </div>
              </div>-->

              <div
                style="width: 600px;"
                v-if="all3.invoice_type==1&&all3.invoice_way == 1||all3.invoice_type==2&&all3.invoice_way == 1||all3.invoice_type==3&&all3.invoice_way == 1"
              >
                <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 20px;">
                  上传发票
                  <span style="margin-left: 20px; font-size: 12px;">提示:发票需为.pdf</span>
                </div>
                <div>
                  <chuantupdf :imgs="all3.invoice_img" @getimg="getimg" v-if="relo"></chuantupdf>
                </div>
              </div>
              <div
                style="margin-top: 20px;"
                v-if="all3.invoice_type==1&&all3.invoice_way == 2||all3.invoice_type==2&&all3.invoice_way == 2||all3.invoice_type==3&&all3.invoice_way == 2"
              >
                <div style="color:rgb(64, 66, 71); font-size: 16px; margin-bottom: 20px;">纸质发票邮寄单号</div>
                <div>
                  <div>
                    <div style=" margin-bottom: 0.2rem;">
                      <el-select
                        filterable
                        v-model="all3.track_company"
                        style="width: 100%;"
                        placeholder="请选择物流公司"
                      >
                        <el-option
                          :label="item.company"
                          :value="item.company"
                          v-for="item in wuliu"
                          :key="item.id"
                        ></el-option>
                      </el-select>
                    </div>

                    <div style=" margin-bottom: 0.2rem;">
                      <el-input v-model="all3.track_no" placeholder="输入物流单号"></el-input>
                    </div>
                  </div>
                </div>
              </div>
              <div
                style="background: rgb(255, 245, 245);border-radius: 10px; padding: 0.2rem; justify-content: space-around; margin-top: 0.2rem;"
                class="flexc"
              >
                <div style="text-align: center;">
                  <div style="color:rgb(64, 66, 71); font-size: 12px; margin-bottom: 10px;">提现金额</div>
                  <div
                    style="color:rgb(254, 61, 61); font-size: 14px; font-weight: bold;"
                  >￥{{qian.qian1}}</div>
                </div>
                <div style="text-align: center;">
                  <div style="color:rgb(64, 66, 71); font-size: 12px; margin-bottom: 10px;">增值税税额</div>
                  <div
                    style="color:rgb(254, 61, 61); font-size: 14px; font-weight: bold;"
                  >￥{{qian.qian2}}</div>
                </div>
                <div style="text-align: center;">
                  <div style="color:rgb(64, 66, 71); font-size: 12px; margin-bottom: 10px;">实际到账金额</div>
                  <div
                    style="color:rgb(254, 61, 61); font-size: 14px; font-weight: bold;"
                  >￥{{qian.qian3}}</div>
                </div>
              </div>
            </div>

            <div style="margin-top: 20px;text-align: center;">
              <el-button round @click="c8show = false">取 消</el-button>
              <el-button type="primary" round @click="tixiango">提交申请</el-button>
            </div>
          </div>
        </van-popup>

        <div style="padding: 38px 0 19px 0; font-size: 18px; font-weight: 700;" class="flex">
          <div>
            <img src="../../../static/img/yongjin4.png" style="width: 22px; margin-right: 10px;" />
          </div>
          <div>提现记录</div>
        </div>
        <div class="t_choose_tab_box" style="margin-bottom: 20px;">
          <div
            @click="choosetabbtn(30)"
            :class="{t_tab_title_lei:search.status==30}"
            class="t_tab_title"
            style="margin-right: 40px;"
          >
            提现中
            <div class="t_under_line" :class="{t_under_line_lei:search.status==30}"></div>
          </div>
          <div
            @click="choosetabbtn(10)"
            :class="{t_tab_title_lei:search.status==10}"
            class="t_tab_title"
          >
            提现成功
            <div class="t_under_line" :class="{t_under_line_lei:search.status==10}"></div>
          </div>
        </div>

        <van-list
          v-model="loading"
          :finished="finished"
          finished-text="没有更多了"
          @load="onLoad"
          :immediate-check="true"
        >
          <div
            v-for="item in list"
            :key="item.id"
            style="background: #fff; padding: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem;"
          >
            <div class="flexbc" style="margin-bottom: 0.2rem;" v-if="item.status != 5">
              <div>提现时间</div>
              <div>{{item.created_at}}</div>
            </div>

            <div class="flexbc tixian_time" style="margin-bottom: 0.2rem;" v-if="item.status == 5">
              <div>提现时间&nbsp;:&nbsp;&nbsp;{{item.created_at}}</div>
              <div>
                <el-button
                  size="mini"
                  round
                  v-if="item.status == 5"
                  @click="CXSubmit(item.id)"
                  style="color: rgb(0, 90, 255); cursor: pointer;text-align: center;margin: 0 auto;font-weight: bold;font-size: 0.29rem;"
                >重新申请</el-button>
              </div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div>提现金额(元)</div>
              <div>{{item.sum_commission}}</div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div>发票</div>
              <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="log9show(item)">查看</div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div>发票类型</div>
              <div>{{item.invoice_info}}</div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div>增值税税额</div>
              <div>{{item.tax_amount}}</div>
            </div>
            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div>到账金额</div>
              <div>{{item.withdraw_amount}}</div>
            </div>

            <div class="flexbc" style="margin-bottom: 0.2rem;">
              <div>打款状态</div>
              <div v-if="item.status == 0" style="color: rgb(236, 82, 1);">未打款</div>
              <div v-if="item.status == 10" style="color: rgb(9, 134, 0);">已打款</div>
              <div v-if="item.status == 1" style="color: rgb(236, 82, 1);">打款失败</div>
              <div v-if="item.status == 11" style="color: rgb(9, 134, 0);">已自动打款</div>
              <div v-if="item.status == 15" style="color: rgb(236, 82, 1);">自动打款失败</div>
              <div v-if="item.status == 5" style="color: rgb(255, 0, 0);">已驳回</div>
            </div>

            <div
              class="flexbc"
              style="margin-bottom: 0.2rem;"
              v-if="item.status == 1 || item.status == 15"
            >
              <div>失败原因</div>
              <div
                @click="chakanshibai(item.failed_reason)"
                style="color: rgb(0, 90, 255); cursor: pointer;"
              >查看</div>
            </div>
            <div v-if="item.status == 5" style="color: red;">
              <el-divider style="margin-top: 0.3rem;margin-bottom: 0.3rem;"></el-divider>
              *驳回原因：{{item.withdraw_remark}}
            </div>

            <!-- <div>
              
            </div>-->
            <div
              v-if="item.status == 10||item.status == 11"
              class="flexbc"
              style="margin-bottom: 0.2rem;"
            >
              <div>打款时间</div>
              <div>{{item.withdraw_at}}</div>
            </div>
            <div v-if="item.status == 10||item.status == 11">
              <el-divider style="margin-top: 0.3rem;margin-bottom: 0.3rem;"></el-divider>
            </div>
            <div
              v-if="item.status == 10||item.status == 11"
              class="flexbc"
              style="margin-bottom: 0.2rem;"
            >
              <!-- <div>操作</div> -->
              <div
                @click="chakan(item.id)"
                style="color: rgb(0, 90, 255); cursor: pointer;text-align: center;margin: 0 auto;font-weight: bold;font-size: 0.29rem;"
              >查看详情</div>
            </div>
          </div>
        </van-list>
      </div>
    </div>

    <!-- 用户须知 -->
    <el-dialog title="用户须知" :visible.sync="isshownow" :width="shoujiban?'90%':'60%'">
      <iframe style="width: 100%;height: 50vh;" :src="qyurl.url"></iframe>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round @click="isshownow = false">关 闭</el-button>
        <el-button round type="primary" @click="agreebtn('y')">我已了解并同意</el-button>
      </div>
    </el-dialog>
    <!-- 用户须知 -->
    <el-dialog title="已签约云账户打款协议" :visible.sync="isshowhave" :width="shoujiban?'90%':'60%'">
      <iframe style="width: 100%;height: 50vh;" :src="qyurl.url"></iframe>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round type="primary" @click="isshowhave = false">确定</el-button>
      </div>
    </el-dialog>
    <!-- 用户须知 -->
    <el-dialog title="用户须知" :visible.sync="isshownowgm" :width="shoujiban?'90%':'60%'">
      <iframe style="width: 100%;height: 50vh;" :src="gmurl.contractAddr"></iframe>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round @click="isshownowgm = false">关 闭</el-button>
        <el-button round type="primary" @click="agreebtn('g')">我已了解并同意</el-button>
      </div>
    </el-dialog>
    <!-- 用户须知 -->
    <el-dialog title="已签约工猫打款协议" :visible.sync="isshowhavegm" :width="shoujiban?'90%':'60%'">
      <iframe style="width: 100%;height: 50vh;" :src="gmurl.contractAddr"></iframe>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round type="primary" @click="isshowhavegm = false">确定</el-button>
      </div>
    </el-dialog>
    <!-- 用户须知 -->
    <el-dialog title :visible.sync="isshowvxbind" width="90%">
      <div
        style="color: #020C1D;font-size: 17px;text-align: center;margin-bottom: 40px;display: flex;align-items: center;justify-content: center;"
      >
        <img src="../../../static/img/wxs.png" style="width: 30px;margin-right: 10px;" />已获取微信账号！
      </div>
      <div style="color: #020C1D;font-size: 17px;">灵活用工打款签约</div>
      <div
        style="color: #FF0000;font-size: 13px;margin-top: 20px;margin-bottom: 30px;"
      >平台已开通使用灵活用工平台支付佣金，需签约后才可接受打款！</div>
      <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
        <span style="color: #f00; margin-right: 5px;">*</span>姓名
      </div>
      <div style=" margin-bottom: 20px;">
        <el-input v-model="fixall2.vx_name" placeholder="请输入姓名" style="width: 400px;"></el-input>
      </div>
      <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
        <span style="color: #f00; margin-right: 5px;">*</span>身份证号
      </div>
      <div style=" margin-bottom: 20px;">
        <el-input v-model="fixall2.vx_idcard" placeholder="请输入身份证号" style="width: 400px;"></el-input>
      </div>
      <div style="color:rgb(64, 66, 71);font-size: 16px; margin-bottom: 12px;">
        <span style="color: #f00; margin-right: 5px;">*</span>手机号
      </div>
      <div style=" margin-bottom: 20px;">
        <el-input v-model="fixall2.vx_mobile" placeholder="请输入输入手机号" style="width: 400px;"></el-input>
      </div>
      <!--  -->
      <div v-if="iscansign=='1'">
        <el-checkbox style="margin-right: 10px;" v-model="vxnowchoose">我同意云账户</el-checkbox>
        <span @click="opennow(3,'y')" class="t_usernow">{{ qyurl.title }}</span>
      </div>
      <div v-if="iscansigngm=='1'">
        <el-checkbox style="margin-right: 10px;" v-model="zfbvxnowchoose">我同意工猫</el-checkbox>
        <span @click="opennow(3,'g')" class="t_usernow">《{{ gmurl.templateName }}》</span>
      </div>

      <div style="text-align: center;margin-top: 20px;">
        <el-button round @click="isshowvxbind = false">关闭</el-button>
        <el-button round type="primary" @click="peizhishoukuan(3)">确定签约</el-button>
      </div>
    </el-dialog>
    <!-- 必须同意云账户收款签约 -->
    <el-dialog title="云账户收款签约" :visible.sync="isshowmastyzh" width="400px">
      <div>
        平台已开通灵活用工平台转账功能，请同意
        <span
          v-if="nowopentype==1"
          @click="opennow(1,'y')"
          class="t_usernow"
        >{{ qyurl.title }}</span>
        <span v-if="nowopentype==2" @click="opennow(2,'y')" class="t_usernow">{{ qyurl.title }}</span>
        <span v-if="nowopentype==3" @click="opennow(3,'y')" class="t_usernow">{{ qyurl.title }}</span>
        协议，否则您的佣金将无法到账
      </div>
      <div style="text-align: center;margin-top: 20px;">
        <el-button round type="primary" @click="agreebtn('y')">同意</el-button>
      </div>
    </el-dialog>
    <el-dialog title :visible.sync="isModal" width="400px">
      <div style="text-align: center;font-size: 16px;font-weight: bold;margin-top:-40px">电子协议</div>
      <div v-if="!money.sign_url" style="margin-top: 20px;">
        <div style="text-align: center">请联系管理员进行签约</div>
        <div style="text-align: center;margin-top: 8px;">如不签约系统将无法提现</div>
      </div>
      <div v-else style="margin-top: 20px;">
        <div style="text-align: center;margin: 20px 0 20px 0;font-size:12px;">请您签署电子协议，如不签署系统将无法提现</div>
        <div class="img_cnt">  <img :src="money.sign_url" style="width: 240px;height: 240px;" /></div>
        <div style="text-align: center;margin-top: 20px;font-size:12px;">长按识别二维码签署电子协议</div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import left from "../left.vue";
import top from "../top.vue";
import footers from "../footer.vue";
import chuantu from "@/components/chuantu.vue";
import chuantupdf from "@/components/chuantupdf.vue";
import wuliu from "@/assets/wuliu.js";
import topandleft from "../topandleft.vue";
export default {
  name: "yongjintixian",
  components: {
    left,
    top,
    chuantu,
    chuantupdf,
    topandleft,
    footers
  },
  data() {
    return {
      sign_url: "",
      isModal: false,
      c7show: false,
      c8show: false,
      relo: true,
      all: {},
      log: false,
      log1: false,
      log2: false,
      log3: false,
      log4: false,
      log5: false,
      log6: false,
      log7: false,
      log8: false,
      search: {
        page: 1,
        page_size: 20,
        status: 30
      },
      list: [],
      total: 0,
      widthss: false,
      all2: {},
      fixall2: {},
      money: 0,
      money1: 0,
      all3: {
        collect_type: "",
        invoice_type: 5,
        invoice_way: null,
        ali_no: "",
        ali_name: "",
        bank_no: "",
        bank_name: "",
        bank: "",
        ali_idcard: "",
        bank_idcard: "",
        bank_mobile: "",
        invoice_img: "",
        track_company: "",
        track_no: "",
        withdraw_amount: "",
        tax_amount: "",
        status: "",
        bank_sub: ""
      },
      piaolist: "",
      qian: {
        qian1: 0,
        qian2: 0,
        qian3: 0
      },
      all4: {},
      fapiaotu: "",
      wuliu: wuliu,
      fapiaoxinxi: "",
      log9fapiao: "",
      log9: false,

      shoujiban: false,
      loading: false,
      finished: false,

      yhknowchoose: false,
      gmnowchoose: false,
      zfbnowchoose: false,
      vxnowchoose: false,
      zfbgmnowchoose: false,
      zfbvxnowchoose: false,
      nowopentype: "",
      isshownow: false,
      isshownowgm: false,
      isshowhave: false,
      isshowhavegm: false,
      user: "",
      qyurl: {},
      gmurl: {},
      iscansign: "",
      iscansigngm: "",
      bankinfo: {
        id: "",
        card_status: 0
      },
      zfbinfo: {
        id: "",
        card_status: 0
      },

      shoujiban: false,
      loading: false,
      finished: false,
      ksradio: "",
      vxinfo: {
        id: "",
        card_status: 0
      },
      ksradio: "",
      isshowvxbind: false,
      appid: "",
      code: "",
      vxopenid: "",
      isshowmastyzh: false,
      isshowmastgm: false,
      sklist: [],
      boHuiObj: {
        remark: ""
      },
      boHuiDialog: false,
      submittype: "2", //1重新提交  2提现
      CXSubmitId: "",
      boHuiReasonShow: "",
      boHuiReason: "",
      failReason: "",
      alipay_display: "",
      bank_display: "",
      wxpay_display: "",
      payway: ""
      // realipay_display:'',
      // rebank_display:'',
      // rewxpay_display:''
    };
  },
  watch: {
    all3: {
      handler(newName, oldName) {
        if (this.piaolist) {
          this.piaolist.data.forEach(item => {
            if (newName.invoice_type == item.type) {
              if (this.submittype == "1") {
                if (this.ksradio == 1) {
                  this.qian = {
                    qian1: this.money1,
                    qian2: ((this.money1 / 1.06) * (0.06 - item.tax)).toFixed(
                      2
                    ),
                    qian3: (
                      this.money1 -
                      (this.money1 / 1.06) * (0.06 - item.tax)
                    ).toFixed(2)
                  };
                }
                if (this.ksradio == 2) {
                  this.qian = {
                    qian1: this.money1,
                    qian2: (this.money1 * (0.06 - item.tax)).toFixed(2),
                    qian3: (
                      this.money1 -
                      this.money1 * (0.06 - item.tax)
                    ).toFixed(2)
                  };
                }
              } else {
                if (this.ksradio == 1) {
                  this.qian = {
                    qian1: this.money.sum_commission,
                    qian2: (
                      (this.money.sum_commission / 1.06) *
                      (0.06 - item.tax)
                    ).toFixed(2),
                    qian3: (
                      this.money.sum_commission -
                      (this.money.sum_commission / 1.06) * (0.06 - item.tax)
                    ).toFixed(2)
                  };
                }
                if (this.ksradio == 2) {
                  this.qian = {
                    qian1: this.money.sum_commission,
                    qian2: (
                      this.money.sum_commission *
                      (0.06 - item.tax)
                    ).toFixed(2),
                    qian3: (
                      this.money.sum_commission -
                      this.money.sum_commission * (0.06 - item.tax)
                    ).toFixed(2)
                  };
                }
              }
            }
          });
        }
      },
      immediate: true,
      deep: true
    }
  },
  filters: {
    jiami(val) {
      if (val) {
        let _len = val.length;
        val = val.substring(0, 4) + "****" + val.substring(_len - 4, _len);
        return val;
      } else {
        return val;
      }
    }
  },
  created() {
    this.fenxiaoyuanPay();
    this.getjine();

    if (localStorage.getItem("user")) {
      this.user = JSON.parse(localStorage.getItem("user"));
    }
    this.CXSubmitId = "";

    //获取银行卡绑定信息
    this.getbankcardinfo();
    //获取openid
    if (this.$route.query.code) {
      this.code = this.$route.query.code;
      axios
        .get("/api/wechat/code2token?code=" + this.$route.query.code)
        .then(response => {
          if (response.data.msg.code == 0) {
            this.peizhishoukuankai(3);
            this.vxopenid = response.data.data.openid;
            this.fixall2.vx_no = this.vxopenid;
          } else {
            // this.peizhishoukuankai(3)
            // this.vxopenid = '000'
            // this.fixall2.vx_no = this.vxopenid
            // this.$message.error('获取openid失败，请重新点击修改微信');
          }
        });
    }
  },
  mounted() {
    if (window.screen.width == 1920) {
      this.widthss = true;
    }
    if (window.screen.width < 1080) {
      this.shoujiban = true;
      var h = document.documentElement.clientWidth / 7.5 + "px";
      document.documentElement.style.fontSize = h;

      // this.onLoad()
    } else {
      this.getlist();
    }
  },
  methods: {
    chakanshibai: function(failed_reason) {
      this.failed_reason = failed_reason;
      this.log6 = true;
    },
    choosetabbtn(val) {
      this.search.status = val;
      this.search.page = 1;

      if (window.screen.width < 1080) {
        this.list = [];
        this.loading = false;
        this.onLoad();
      } else {
        this.getlist();
      }
    },
    onLoad() {
      this.finished = true;
      axios
        .get("/agent/commission/withdraws/takes", { params: this.search })
        .then(response => {
          if (response.data.msg.code == 0) {
            if (response.data.data.data.length > 0) {
              response.data.data.data.forEach(item => {
                this.list.push(item);
              });
              if (this.list.length >= response.data.data.total) {
                this.finished = true;
              } else {
                this.search.page++;
                this.loading = false;
                this.finished = false;
              }
            } else {
              this.finished = true;
            }
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },

    down: function(item) {
      window.location.href = item;
    },
    log9show: function(item) {
      this.log9fapiao = item;
      this.log9 = true;
    },

    // fapiao:function(item){
    //   this.fapiaotu = item.invoice_img
    //   this.log6 = true
    // },

    chakan: function(id) {
      axios.get("/agent/commission/withdrawinfo?id=" + id).then(response => {
        if (response.data.msg.code == 0) {
          this.all4 = response.data.data;
          this.log5 = true;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    getjine: function() {
      axios.get("/agent/commission/withdraws/takeamount").then(response => {
        if (response.data.msg.code == 0) {
          if (response.data.data != null) {
            this.money = response.data.data;
          }
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
      axios.get("/agent/commission/invoice/info").then(response => {
        if (response.data.msg.code == 0) {
          if (response.data.data != null) {
            this.fapiaoxinxi = response.data.data;
            this.piaolist = JSON.parse(response.data.data.configs);
            this.ksradio = this.piaolist.type;
            console.log(this.piaolist);
          }
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    peizhishoukuankai: function(v) {
      this.yhknowchoose = false;
      this.zfbnowchoose = false;
      this.vxnowchoose = false;
      this.gmnowchoose = false;
      this.zfbgmnowchoose = false;
      this.zfbvxnowchoose = false;
      this.fixall2 = JSON.parse(JSON.stringify(this.all2));
      console.log("kai===");
      console.log(this.fixall2);
      if (v == 1) {
        this.log1 = true;
        if (this.bankinfo.card_status == 1) {
          this.yhknowchoose = true;
        }
        if (this.bankinfo.gongmao_status == 1) {
          this.gmnowchoose = true;
        }
      }
      if (v == 2) {
        this.log2 = true;
        if (this.zfbinfo.card_status == 1) {
          this.zfbnowchoose = true;
        }
        if (this.zfbinfo.gongmao_status == 1) {
          this.zfbgmnowchoose = true;
        }
      }
      if (v == 3) {
        this.isshowvxbind = true;
        if (this.vxinfo.card_status == 1) {
          this.vxnowchoose = true;
        }
        if (this.vxinfo.gongmao_status == 1) {
          this.zfbvxnowchoose = true;
        }
      }
    },
    getpeizhishoukuan: function() {
      axios.get("/agent/collection/info").then(response => {
        if (response.data.msg.code == 0) {
          if (response.data.data != null) {
            this.all2 = response.data.data;
            console.log("初始信息-----");
            // console.log('this.all222222',this.all2)
            // axios.get('/agent/pay/way/get').then((response)=>{
            //   console.log('response66',response)
            //   if (response.data.msg.code == 0) {
            //     if(response.data.data.alipay_display){
            //       this.realipay_display = response.data.data.alipay_display
            //     }
            //     if(response.data.data.bank_display){
            //       this.rebank_display = response.data.data.bank_display
            //     }
            //     if(response.data.data.wxpay_display){
            //       this.rewxpay_display = response.data.data.wxpay_display
            //     }

            //   }
            // })
            // 配置收款默认值
            this.sklist = [];
            // alert('重新提交')
            // console.log('this.all3.collect_type',this.all3.collect_type)
            // console.log('this.all2',this.all2)
            // console.log('this.wxpay_display',this.wxpay_display)
            if (this.all2.vx_no && this.wxpay_display == "1") {
              this.sklist.push({
                label: "微信",
                value: "3"
              });
            }
            if (this.all2.ali_no && this.alipay_display == "1") {
              this.sklist.push({
                label: "支付宝",
                value: "2"
              });
            }
            if (this.all2.bank_no && this.bank_display == "1") {
              this.sklist.push({
                label: "银行卡",
                value: "1"
              });
            }
          }
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },

    peizhishoukuan: function(val) {
      if (val == 1) {
        if (
          !this.fixall2.bank_no ||
          !this.fixall2.bank_name ||
          !this.fixall2.bank ||
          !this.fixall2.bank_sub ||
          !this.fixall2.bank_idcard ||
          !this.fixall2.bank_mobile
        ) {
          this.$message.error("请填写完整信息");
          return false;
        }
      }
      if (val == 2) {
        if (
          !this.fixall2.ali_no ||
          !this.fixall2.ali_name ||
          !this.fixall2.ali_idcard ||
          !this.fixall2.ali_mobile
        ) {
          this.$message.error("请填写完整信息");
          return false;
        }
      }

      if (val == 1) {
        console.log("00---");
        console.log(this.yhknowchoose);
        console.log(this.bankinfo.card_status);
        if (this.yhknowchoose) {
          //银行卡同意
          // alert('银行卡同意')
          //绑定及签约
          this.bindsign(
            this.fixall2.bank_name,
            this.fixall2.bank_no,
            this.fixall2.bank_idcard,
            this.fixall2.bank_mobile,
            1,
            "y"
          );
        } else if (this.iscansign == "1") {
          //银行卡不同意y
          // alert('银行卡不同意y')
          this.isshowmastyzh = true;
          this.nowopentype = 1;
          return;
        }
        if (this.gmnowchoose) {
          //银行卡同意
          // alert('银行卡同意')
          //绑定及签约
          this.bindsign(
            this.fixall2.bank_name,
            this.fixall2.bank_no,
            this.fixall2.bank_idcard,
            this.fixall2.bank_mobile,
            1,
            "g"
          );
        } else if (this.iscansigngm == "1") {
          //银行卡不同意g
          // alert('银行卡不同意g')
          this.isshowmastgm = true;
          this.nowopentype = 1;
          return;
        }
      }

      if (val == 2) {
        if (this.zfbnowchoose) {
          //支付宝同意
          //绑定及签约
          this.bindsign(
            this.fixall2.ali_name,
            this.fixall2.ali_no,
            this.fixall2.ali_idcard,
            this.fixall2.ali_mobile,
            2,
            "y"
          );
        } else if (this.iscansign == "1") {
          //支付宝不同意y
          // alert('支付宝不同意y')
          this.nowopentype = 2;
          this.isshowmastyzh = true;
          return;
        }
        if (this.zfbgmnowchoose) {
          //支付宝同意
          // alert('支付宝同意')
          //绑定及签约
          this.bindsign(
            this.fixall2.ali_name,
            this.fixall2.ali_no,
            this.fixall2.ali_idcard,
            this.fixall2.ali_mobile,
            2,
            "g"
          );
        } else if (this.iscansigngm == "1") {
          //支付宝不同意g
          // alert('支付宝不同意g')
          this.isshowmastgm = true;
          this.nowopentype = 2;
          return;
        }
      }

      if (val == 3) {
        if (this.vxnowchoose) {
          //微信同意
          // alert('微信同意y')
          //绑定及签约
          this.bindsign(
            this.fixall2.vx_name,
            this.fixall2.vx_no,
            this.fixall2.vx_idcard,
            this.fixall2.vx_mobile,
            3,
            "y"
          );
        } else if (this.iscansign == "1") {
          //微信不同意y
          // alert('微信不同意y')
          this.isshowmastyzh = true;
          this.nowopentype = 3;
          return;
        }
        if (this.zfbvxnowchoose) {
          //微信同意
          // alert('支付宝同意')
          //绑定及签约
          this.bindsign(
            this.fixall2.vx_name,
            this.fixall2.vx_no,
            this.fixall2.vx_idcard,
            this.fixall2.vx_mobile,
            3,
            "g"
          );
        } else if (this.iscansigngm == "1") {
          //微信不同意g
          // alert('微信不同意g')
          this.isshowmastgm = true;
          this.nowopentype = 3;
          return;
        }
      }

      this.$set(this.fixall2, "card_type", val);

      axios.post("/agent/collection/make", this.fixall2).then(response => {
        if (response.data.msg.code == 0) {
          this.$message.success("操作成功");
          this.getpeizhishoukuan();
          this.log1 = false;
          this.log2 = false;
          this.isshowvxbind = false;
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    getimg: function(item) {
      this.all3.invoice_img = item;
    },
    tixian2: function() {
      this.$message.error("当前提现已被冻结，请联系管理员。");
    },
    tixian: async function() {
              this.sign_url = this.money.sign_url;

      // this.sklist =[]
      if (this.money.sign_switch == 1 && this.money.is_sign == 0) {
        this.isModal = true;
        return;
      }
      if (this.money.is_sign == 0) {
        this.isModal = true;
        return;
      }
      this.submittype = "2";
      if (this.money.sum_commission == 0) {
        this.$message.error("没有可提现金额");
        return false;
      }

      let invoice_type = 1;
      let tax = 0;
      console.log("发票---");
      console.log(this.piaolist.data);

      if (this.piaolist.data.length > 0) {
        invoice_type = this.piaolist.data[0].type;
        tax = this.piaolist.data[0].tax;
        for (var x = 0; x < this.piaolist.data.length; x++) {
          if (
            this.piaolist.data[x].moren == 1 &&
            this.piaolist.data[x].ok == 1
          ) {
            invoice_type = this.piaolist.data[x].type;
            tax = this.piaolist.data[x].tax;
          }
        }
      }

      this.qian = {
        qian1: this.money.sum_commission,
        qian2: ((this.money.sum_commission / 1.06) * (0.06 - tax)).toFixed(2),
        qian3: (
          this.money.sum_commission -
          (this.money.sum_commission / 1.06) * (0.06 - tax)
        ).toFixed(2)
      };

      this.all3 = {
        collect_type: null,
        invoice_type: invoice_type,
        invoice_way: null,
        ali_no: this.all2.ali_no,
        ali_name: this.all2.ali_name,
        bank_no: this.all2.bank_no,
        bank_name: this.all2.bank_name,
        bank: this.all2.bank,
        ali_idcard: this.all2.ali_idcard,
        bank_idcard: this.all2.bank_idcard,
        bank_mobile: this.all2.bank_mobile,
        bank_sub: this.all2.bank_sub,
        invoice_img: "",
        track_company: "",
        track_no: "",
        withdraw_amount: "",
        tax_amount: "",
        status: ""
      };
      if (this.shoujiban) {
        this.c7show = true;
      } else {
        this.log4 = true;
      }
      this.all3.collect_type = this.sklist[0].value;

      // this.$confirm('确定进行提现吗?', '提示', {
      //   confirmButtonText: '确定',
      //   cancelButtonText: '取消',
      //   type: 'warning'
      // }).then(() => {
      //   axios.post('/agent/commission/withdraws/take').then((response)=>{
      //   	if (response.data.msg.code == 0) {
      //       this.$message.success('操作成功');
      //       this.getlist()
      //   	} else {
      //   		this.$message.error(response.data.msg.info);
      //   	}
      //   })
      // })
    },
    tixiango: function() {
      if (this.all3.collect_type == "1") {
        if (this.all3.bank_no == "") {
          this.$message.error("请录入银行卡信息");
          return;
        }
      }
      if (this.all3.collect_type == "2") {
        if (this.all3.ali_no == "") {
          this.$message.error("请录入支付宝信息");
          return;
        } else {
          this.all3.ali_no = this.all2.ali_no;
          this.all3.ali_name = this.all2.ali_name;
          this.all3.ali_mobile = this.all2.ali_mobile;
          this.all3.ali_idcard = this.all2.ali_idcard;
        }
      }

      if (this.all3.collect_type == "3") {
        if (this.all2.vx_no == "") {
          this.$message.error("请录入微信信息");
          return;
        } else {
          this.all3.ali_no = this.all2.vx_no;
          this.all3.ali_name = this.all2.vx_name;
          this.all3.ali_mobile = this.all2.vx_mobile;
          this.all3.ali_idcard = this.all2.vx_idcard;
        }
      }

      if (this.all3.invoice_type != 5) {
        if (this.all3.invoice_way == null || this.all3.invoice_way == "") {
          this.$message.error("请发票介质");
          return;
        }
      } else {
        this.all3.invoice_way = 0;
      }

      if (this.all3.invoice_way == 1) {
        if (this.all3.invoice_img == "") {
          this.$message.error("请上传电子发票");
          return;
        }
      }

      if (this.all3.invoice_way == 2) {
        if (this.all3.track_company == "") {
          this.$message.error("请选择物流公司");
          return;
        }
      }
      if (this.all3.invoice_way == 2) {
        if (this.all3.track_no == "") {
          this.$message.error("请输入物流单号");
          return;
        }
      }
      if (this.submittype == "1") {
        if (this.all3.collect_type) {
          this.all3.id = this.CXSubmitId;
          axios
            .post("/agent/commission/withdraws/take", this.all3)
            .then(response => {
              if (response.data.msg.code == 0) {
                this.$message.success("操作成功");
                this.log4 = false;
                this.c7show = false;
                this.c8show = false;
                this.getlist();
                this.getjine();
              } else {
                this.$message.error(response.data.msg.info);
              }
            });
        } else {
          // this.$message.error('请选择收款方式');
          this.$message({
            message: "请选择收款方式",
            type: "error"
          });
        }
      }
      if (this.submittype == "2") {
        axios
          .post("/agent/commission/withdraws/take", this.all3)
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success("操作成功");
              this.log4 = false;
              this.c7show = false;
              this.getlist();
              this.getjine();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      }
    },
    sousuo: function() {
      this.search.page = 1;
      this.getlist();
    },
    getlist: function() {
      axios
        .get("/agent/commission/withdraws/takes", { params: this.search })
        .then(response => {
          if (response.data.msg.code == 0) {
            this.list = response.data.data.data;
            this.total = response.data.data.total;
            this.loading = false;
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    fanye: function(val) {
      this.search.page = val;
      this.getlist();
    },
    // 打开协议
    opennow(type, zh) {
      this.nowopentype = type;
      if (zh == "y") {
        this.isshownow = true;
      }
      if (zh == "g") {
        this.isshownowgm = true;
      }
    },
    //确认协议
    agreebtn(zh) {
      if (this.nowopentype == 1) {
        if (zh == "y") {
          this.yhknowchoose = true;
        }
        if (zh == "g") {
          this.gmnowchoose = true;
        }
      } else if (this.nowopentype == 2) {
        if (zh == "y") {
          this.zfbnowchoose = true;
        }
        if (zh == "g") {
          this.zfbgmnowchoose = true;
        }
      } else if (this.nowopentype == 3) {
        if (zh == "y") {
          this.vxnowchoose = true;
        }
        if (zh == "g") {
          this.zfbvxnowchoose = true;
        }
      }
      this.isshownow = false;
      this.isshownowgm = false;
      // this.isshowvxbind = false
      this.isshowmastyzh = false;
      this.isshowmastgm = false;
    },
    //已签约云账户打款协议
    showhavesign() {
      this.isshowhave = true;
    },
    //已签约云账户打款协议
    showhavesigngm() {
      this.isshowhavegm = true;
    },
    //绑定及签约
    bindsign(real_name, card_no, id_card, phone_no, card_type, zh) {
      if (card_type == 1) {
        var id_type = this.bankinfo.id;
      }
      if (card_type == 2) {
        var id_type = this.zfbinfo.id;
      }
      if (card_type == 3) {
        var id_type = "";
      }

      axios
        .post("/agent/yunzhifu/bandPayWay", {
          site_id: this.user.site_id,
          user_id: this.user.id,
          real_name: real_name,
          card_no: card_no,
          id_card: id_card,
          phone_no: phone_no,
          card_type: card_type,
          id: id_type
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            this.$message.success("绑定成功");
            // 签约云账户
            if (zh == "y") {
              axios
                .post("/agent/yunzhifu/signContract", {
                  site_id: this.user.site_id,
                  real_name: real_name,
                  id_card: id_card,
                  card_type: card_type
                })
                .then(response => {
                  if (response.data.msg.code == 0) {
                    this.$message.success("签约成功");
                    //获取银行卡绑定信息
                    this.getbankcardinfo();
                  } else {
                    this.$message.error(response.data.msg.info);
                  }
                });
            }
            // 签约工猫
            if (zh == "g") {
              if (card_type == 1) {
                var obj = {
                  name: real_name,
                  mobile: phone_no,
                  identity: id_card,
                  bankAccountNo: card_no,
                  card_type: 1
                };
              }
              if (card_type == 2) {
                var obj = {
                  name: real_name,
                  mobile: phone_no,
                  identity: id_card,
                  alipayAccountNo: card_no,
                  card_type: 2
                };
              }
              if (card_type == 3) {
                var obj = {
                  name: real_name,
                  mobile: phone_no,
                  identity: id_card,
                  card_type: 3
                };
              }

              axios
                .post("/agent/gongmao/singGaongMaoContract", obj)
                .then(response => {
                  if (response.data.msg.code == 0) {
                    this.$message.success("签约成功");
                    //获取银行卡绑定信息
                    this.getbankcardinfo();
                  } else {
                    this.$message.error(response.data.msg.info);
                  }
                });
            }
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    //获取合约地址
    gethyurl() {
      axios
        .get("/agent/yunzhifu/getContractPre", {
          params: {
            site_id: this.user.site_id
          }
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            console.log("获取合约地址");
            console.log(response.data.data);
            this.qyurl = response.data.data;
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    //获取工猫地址
    getgmurl() {
      axios.get("/agent/gongmao/getContractGongMao").then(response => {
        if (response.data.msg.code == 0) {
          console.log("获取工猫地址");
          console.log(response.data.data[0].contractAddr);
          this.gmurl = response.data.data[0];
        } else {
          this.$message.error(response.data.msg.info);
        }
      });
    },
    //获取银行卡绑定信息
    getbankcardinfo() {
      axios
        .get("/agent/yunzhifu/getBandCardList", {
          params: {
            site_id: this.user.site_id
          }
        })
        .then(response => {
          if (response.data.msg.code == 0) {
            console.log("获取银行卡绑定信息");
            console.log(response.data.data);
            this.iscansign = response.data.data.yun_status;
            this.iscansigngm = response.data.data.gongmao_status;
            if (this.iscansign == "1") {
              //获取合约地址
              this.gethyurl();
            }
            if (this.iscansigngm == "1") {
              //获取工猫地址
              this.getgmurl();
            }

            if (response.data.data.data.length != 0) {
              for (var x = 0; x < response.data.data.data.length; x++) {
                if (response.data.data.data[x].card_type == 1) {
                  this.bankinfo = response.data.data.data[x];
                } else if (response.data.data.data[x].card_type == 2) {
                  this.zfbinfo = response.data.data.data[x];
                } else if (response.data.data.data[x].card_type == 3) {
                  this.vxinfo = response.data.data.data[x];
                }
              }
            }
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },
    //小数转百分比
    toPercent(point, fixed) {
      var percent = Number(point * 100).toFixed(fixed);
      percent += "%";
      return percent;
    },
    //pc绑定微信
    pcbindwx() {
      this.$alert("请在手机微信中打开页面绑定", "提示", {
        confirmButtonText: "确定",
        callback: action => {
          // this.$message({
          //   type: 'info',
          //   message: `action: ${ action }`
          // });
        }
      });
    },
    //手机绑定微信
    mobilebindwx() {
      axios.get("/api/wechat/get").then(response => {
        if (response.data.msg.code == 0) {
          this.appid = response.data.data;
          let url = location.origin + location.pathname;

          console.log("获取=-=====appid");
          console.log(this.appid);
          console.log(url);
          // wxe9a853825d8c4b19
          window.location.href =
            "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +
            this.appid +
            "&redirect_uri=" +
            url +
            "&response_type=code&scope=snsapi_base&state=123#wechat_redirect";
        }
      });
    },
    //切换发票类型
    changefptype(val) {
      //无发票
      if (val != 5) {
        this.all3.invoice_way = "";
      }
    },
    //点击查看驳回原因
    clickBohuiReason(row) {
      this.boHuiDialog = true;
      this.boHuiObj.remark = row.withdraw_remark;
    },
    //重新提交
    CXSubmit(id) {
      this.sign_url = this.money.sign_url;

      if (this.money.sign_switch == 1 && this.money.is_sign == 0) {
        this.isModal = true;
        return;
      }
      if (this.money.is_sign == 0) {
        this.isModal = true;
        return;
      }
      this.all3.collect_type = null;
      if (this.shoujiban) {
        this.c8show = true;
      } else {
        this.log4 = true;
      }
      this.CXSubmitId = id;
      this.submittype = "1"; //区分是提现还是重新提交   1是重新提交
      axios.get("/agent/commission/withdraws/get?id=" + id).then(response => {
        if (response.data.data.status == 5) {
          this.boHuiReasonShow = "1";
          this.boHuiReason = response.data.data.withdraw_remark;
        }
        // this.all3 = response.data.data
        // this.all3.collect_type = response.data.data.collect_type.toString()

        let invoice_type = response.data.data.invoice_type;
        let tax = 0;
        console.log("发票---");
        console.log(this.piaolist.data);
        if (this.piaolist.data.length > 0) {
          invoice_type = this.piaolist.data[0].type;
          tax = this.piaolist.data[0].tax;
          for (var x = 0; x < this.piaolist.data.length; x++) {
            if (
              this.piaolist.data[x].moren == 1 &&
              this.piaolist.data[x].ok == 1
            ) {
              invoice_type = this.piaolist.data[x].type;
              tax = this.piaolist.data[x].tax;
            }
          }
        }
        this.money1 = response.data.data.sum_commission;
        this.all3 = {
          // collect_type:response.data.data.collect_type,
          collect_type: null,
          invoice_type: response.data.data.invoice_type,
          invoice_way: response.data.data.invoice_way,
          ali_no: this.all2.ali_no,
          ali_name: this.all2.ali_name,
          bank_no: this.all2.bank_no,
          bank_name: this.all2.bank_name,
          bank: this.all2.bank,
          ali_idcard: this.all2.ali_idcard,
          bank_idcard: this.all2.bank_idcard,
          bank_mobile: this.all2.bank_mobile,
          bank_sub: this.all2.bank_sub,
          invoice_img: "",
          track_company: "",
          track_no: "",
          withdraw_amount: "",
          tax_amount: "",
          status: ""
        };

        this.sklist.forEach(item => {
          if (this.all3.collect_type == item.value) {
            if (item.value == "1") {
              this.all3.collect_type == "1";
            }
            if (item.value == "2") {
              this.all3.collect_type == "2";
            }
            if (item.value == "3") {
              // alert('123')
              this.all3.collect_type == "3";
              // this.$set('this.all3',collect_type,'3')
            }
          } else {
            // alert('456')
            this.all3.collect_type = "";
          }
        });
      });
    },
    searchReason(row) {
      this.failReason = row.withdraw_remark;
    },
    //获取配置信息 （微信，支付宝，银行卡）
    fenxiaoyuanPay() {
      axios.get("/agent/pay/way/get").then(response => {
        if (response.data.msg.code == 0) {
          if (response.data.data.alipay_display) {
            this.alipay_display = response.data.data.alipay_display;
          }
          if (response.data.data.bank_display) {
            this.bank_display = response.data.data.bank_display;
          }
          if (response.data.data.wxpay_display) {
            this.wxpay_display = response.data.data.wxpay_display;
          }
          this.payway = response.data.data;
          this.getpeizhishoukuan();
        }
      });
    }
  }
};
</script>

<style scoped>
.t_usernow {
  cursor: pointer;
  color: #005aff;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
</style>
<style scoped lang="less">
.yongjintixian {
  .nobor {
    /deep/ .el-input__inner {
      border: 0 !important;
    }
  }
  .t_list_tab_box {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
  }
  .t_choose_tab_box {
    display: flex;
  }
  .t_tab_title {
    color: #020c1d;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
  }
  .t_tab_title_lei {
    color: #005aff;
  }
  .t_under_line {
    width: 30px;
    height: 2px;
    background-color: #f6f8fb;
    margin-top: 10px;
  }
  .t_under_line_lei {
    background-color: #005aff;
  }
}
.tixian_time {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.img_cnt{
  display: flex;
  justify-content: center;
}
</style>
